<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
	<!-- Safari为meta标签新增minimal-ui属性，在网页加载时隐藏地址栏与导航栏 -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minxmum-scale=1.0, user-scalable=no, minimal-ui">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta name="format-detection" content="telephone=no">
	<meta name="full-screen" content="yes">
	<meta name="x5-fullscreen" content="true">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">
	<title>东湖绿道</title>
	<link rel="stylesheet" href="<?=HW_STA?>weixin/css/weuix.min.css"/>
	<link rel="stylesheet" type="text/css" href="<?=HW_STA?>weixin/css/style.css">
	<link rel="stylesheet" href="<?=HW_CSS?>AppFont/iconfont.css">
	<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/0.4.0/weui.min.css">
	<style>
	.rank_logo{
		color: #fff;
		position: absolute;
		left: 1rem;
		top: 1.64rem;
		font-size: 1rem;
	}
	.rank_logo img{
		height: 1rem;
	}
	.icon{
		height: 1rem;
	}
</style>
</head>
<body class='share' >
	<div class="bg bg-blur"  style="background: url('<?=HW_IMG?>bg.jpg'); background-size: contain;">
	</div>
	<div class="rank_logo">
		<img src="<?=HW_IMG?>logo_white.png" alt="">
	</div>
	<div class="share-content">
		<div class="share-container">
			<div class="share-content__top" style="background: url('<?=(!empty($info['backimgurl']))?$info['backimgurl']:HW_IMG.'user_bg.jpg'?>'); background-size: cover;">
			</div>
			<div class="share-content__down">
				<div class="share-content__user">
					<div class="share-content__user-avatar">
						<img src="<?=$info['headimgurl']?>" alt="">
					</div>
					<div class="share-content__user-name"><?=$info['nickname']?></div>
					<small class="share-content__user-time"><?=date('Y-m-d')?></small>
				</div>
				<div class="share-content__down-step">
					<div class="share-content__step-item">	
						<span class="share-content__step-header">当前步数</span>
						<span class="grey"> <span class="green"> <?=$step['step']?></span>步</span>
					</div>
					<div class="share-content__step-item">	
						<span class="share-content__step-header">日步数排名</span>
						<span>
							<span class="<?=$step['sort']==1?'gold':($step['sort']==2?'silver':($step['sort']==3?'bronze':'green'))?>" style="font-size: 1rem;"><?=$step['sort']?></span>
							<?if($step['sort']<=3):?>
							<img src="<?=HW_IMG?><?=$step['sort']==1?'gold':($step['sort']==2?'silver':'bronze')?>.png" alt="" class="medal icon">
							<?else:?>
							<i class="iconfont grey">&nbsp;&#xe822;</i>
							<?endif;?>
						</span>
					</div>
				</div>
			</div>
		</div>

		<div class="button-box">
			<a href="<?=base_url().'Weixin/Index/index'?>" class='join-btn'>查看更多</a>
		</div>

	</div>
</body>
<script type="text/javascript" src="<?=HW_JS?>jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="<?=HW_STA?>weui/weui.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="<?=HW_JS?>rem.js"></script>
<script>
</script>
</html>

